﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Beyond Study</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   
    <link rel="stylesheet" type="text/css" href="css/screen.css" />
    <link rel="stylesheet" type="text/css" href="css/colorbox.css" />    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script src="js/jquery.colorbox.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {



            // Popups
            $('.popup').colorbox({ inline: true, width: '750px' });


            // Essay Form
            var $step1 = $('.upload-form #step-1');
            var $step2 = $('.upload-form #step-2');
            var $payment_cc = $('.upload-form #option_cc');
            var $payment_pp = $('.upload-form #option_paypal');
            var $payment_none = $('.upload-form #option_none');

            var price = 0;
            var price_tax = 0;
            var price_total = 0;

            $('.upload-form #FileUpload2').hide();
            $('.upload-form #CancelAttach1').hide();
            $('.upload-form #CancelAttach2').hide();
            $('.upload-form #Label').hide();

            $('.upload-form #step-2 .submitback').click(function (e) {
                e.preventDefault();
                $step2.slideUp('slow', function () {
                    $step1.slideDown('slow');
                    $payment_none.fadeOut();
                });

                var radList = document.getElementsByName('payment_type');
                for (var i = 0; i < radList.length; i++) {
                    if (radList[i].checked) radList[i].checked = false;
                }

            });

            $('.upload-form #step-2 input[name=payment_type]').click(function () {

                $payment_none.fadeOut();

                if ($(this).val() == 1) {

                    $payment_cc.fadeOut('slow', function () {
                        $payment_pp.fadeIn();
                        $payment_none.fadeOut();
                    });

                } else {

                    $payment_pp.fadeOut('slow', function () {
                        $payment_cc.fadeIn();
                        $payment_none.fadeOut();
                    });

                }
            });


            $('.upload-form #step-1 .submit').click(function (e) {

                if ($('.upload-form #name').val() == 'Please enter a name' || $('.upload-form #email').val() == 'Please enter an email' || $('.upload-form #FileUpload1').val() == '' || ($('.upload-form #FileUpload2').val() == '' && $('.upload-form #Label').val() == 'true'))
                    alert("Please fill out all items in this form!");
                else {
                    e.preventDefault();
                    $step1.slideUp('slow', function () {
                        $step2.slideDown('slow');
                        $payment_none.fadeIn();
                        //document.getElementByName("payment_type").checked = false;
                        //$('.upload-form #step-2 input[name=payment_type]').val('');
                        //$('.upload-form #step-2 input[name=payment_type]').checked = false; 
                        $payment_pp.fadeOut();
                        $payment_cc.fadeOut();




                    });
                }


                if ($('.upload-form #FileUpload1').val() != '') {
                    price = 49.95;
                    var fileup1 = $('.upload-form #FileUpload1').val();
                    var fileup1 = fileup1.replace(/^.*[\\\/]/, '');
                    $('.upload-form #fileup1').val(fileup1);
                    $('.upload-form #fileup1Price').val("$49.95");
                    $('.upload-form #list2').hide();

                }
                if (($('.upload-form #FileUpload2').val() != '') && ($('.upload-form #Label').val() == 'true')) {
                    price = 99.90;
                    var fileup1 = $('.upload-form #FileUpload1').val();
                    var fileup1 = fileup1.replace(/^.*[\\\/]/, '');
                    $('.upload-form #fileup1').val(fileup1);
                    $('.upload-form #fileup1Price').val("$49.95");
                    var fileup2 = $('.upload-form #FileUpload2').val();
                    var fileup2 = fileup2.replace(/^.*[\\\/]/, '');
                    $('.upload-form #fileup2').val(fileup2);
                    $('.upload-form #fileup2Price').val("$49.95");
                    $('.upload-form #list2').show();
                }

                price_tax = price * 0.1;
                price_total = price + price_tax;

                $('.upload-form #Price').val("Total $" + price_total.toFixed(2));
                $('.upload-form #PriceGST').val("Order total includes $" + price_tax.toFixed(2) + " GST");

                $('.upload-form #Price2').val("Total $" + price_total.toFixed(2));
                $('.upload-form #PriceGST2').val("Order total includes $" + price_tax.toFixed(2) + " GST");
            });



        });


        function ShowAttach2() {
            $('.upload-form #FileUpload2').show();
            $('.upload-form #CancelAttach2').show();
            $('.upload-form #AttachNew').hide();
            $('.upload-form #Label').val('true');
        }

        function HideAttach2() {
            $('.upload-form #FileUpload2').hide();
            $('.upload-form #CancelAttach2').hide();
            $('.upload-form #AttachNew').show();
            $('.upload-form #Label').val('false');
        }

        function download() {
            var d = new Date,
            DateStr = [d.getDate(), d.getMonth() + 1, d.getFullYear()].join('/') + ' ' + [d.getHours(), d.getMinutes(), d.getSeconds()].join(':');
            NameStr = $('.upload-form #name').val();
            EmailStr = $('.upload-form #email').val();
            PaidStr = $('.upload-form #cc_number').val();

            var doc = new jsPDF();
            doc.setFont("times");
            doc.setFontSize(24);
            doc.text(60, 10, 'Beyond Study Marking Invoice');

            doc.setFontSize(16);
            doc.text(20, 30, 'Thank you for submitting your essay to Beyond Study.');
            doc.text(20, 40, 'This document will serve as an office receipt for this payment.');
            doc.text(20, 50, 'You may wish to print this page for your records.');

            doc.text(70, 70, 'Our Contact Details');


            doc.text(20, 80, 'Business Name:');
            doc.text(80, 80, 'Beyond Study');

            doc.text(20, 90, 'ABN:');
            doc.text(80, 90, '39 326 247 421');

            doc.text(20, 100, 'Mail Address:');
            doc.text(80, 100, 'PO Box 648, Kingsgrove NSW 1480');

            doc.text(20, 110, 'Telephone:');
            doc.text(80, 110, '0415 444 361');

            doc.text(20, 120, 'Email:');
            doc.text(80, 120, 'students@beyondstudy.com.au');


            doc.text(20, 130, 'Web:');
            doc.text(80, 130, 'www.beyondessays.com.au');

            doc.text(70, 150, 'Your Order Details');

            doc.text(20, 160, 'Date:');
            doc.text(80, 160, DateStr);

            doc.text(20, 170, 'Name:');
            doc.text(80, 170, NameStr);

            doc.text(20, 180, 'Email:');
            doc.text(80, 180, EmailStr);

            doc.text(20, 190, 'Paid by:');
            doc.text(80, 190, PaidStr);

            if ($('.upload-form #FileUpload1').val() != '' && ($('.upload-form #Label').val() != 'true')) {

                doc.text(20, 200, 'Essay 1 Subtotal:');
                doc.text(80, 200, '$49.95');

                doc.text(20, 210, 'Payment Amount:');
                doc.text(80, 210, '$54.95');
            
            }

            if (($('.upload-form #FileUpload2').val() != '') && ($('.upload-form #Label').val() == 'true')) {
                doc.text(20, 200, 'Essay 1 Subtotal:');
                doc.text(80, 200, '$49.95');

                doc.text(20, 210, 'Essay 2 Subtotal:');
                doc.text(80, 210, '$49.95');

                doc.text(20, 220, 'Payment Amount:');
                doc.text(80, 220, '$109.85');
            
            }






            doc.text(20, 240, 'Thank you for your order. If you have any questions regarding your');
            doc.text(20, 250, 'essays, then please contact us at any time. ');
            doc.text(20, 260, 'Thanks, ');
            doc.text(20, 270, 'The Beyond Study Team');

            // Output as Data URI
            doc.output('datauri');


        }

    </script>     
</head>
<body id="home">    
    <div class="header-container">        
        <div class="header">
            <a href="Default.aspx" class="logo" title="Beyond Study"><img src="images/logo.png" alt="Noteslap" /></a>
            <div class="share-links">
                <p>Share with Friends!</p>
                <ul>
                    <li><a href="http://www.facebook.com/pages/Beyond-Study/245774915543029"><img src="images/icon-facebook.png" alt="" /></a></li>
                    <li><a href="https://twitter.com/beyondstudy"><img src="images/icon-twitter.png" alt="" /></a></li>
                    <li>
                        <!-- AddThis Button BEGIN -->
                        <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=xa-4e8e398d5e043d6f"><img src="images/icon-share.png" alt="" /></a>
                        <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8e398d5e043d6f"></script>
                        <!-- AddThis Button END -->
                    </li>
                </ul>
            </div>
            <div class="top-menu">
                <ul>
                    <li><a href="page.aspx">Why Us?</a></li>
                    <li><a href="page.aspx">Our Markers</a></li>
                    <li class="last"><a href="page.aspx">Need Individual Help?</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content-container">
        <div class="content">
            <div class="summary">
                <h1>Let our HSC markers give you feedback on your essays</h1>
                <p>Your one way ticket to 20/20 essays!</p>
            </div>
            <img src="images/badge-4995.png" alt="" class="badge" />
			<div class="how-works">
				<h2>How it works:</h2>
				<ul><a href="#popup-3" class="popup">
					<li class="point-1">Submit Essays</li>
                    </a>
                    <a href="#popup-3" class="popup">
					<li class="point-2">Get Feedback</li>
                    </a>
                    <a href="#popup-3" class="popup">
					<li class="point-3">Ask a Question</li>
                    </a>
				</ul>                
			</div>
            <div class="essay-list">
                <h2>See our before &amp; after essays!</h2>
                <ul>
                    <li class="first">
                        <a href="#popup-1" class="popup">
                            <span class="name">ICEMAN</span>
                            <span class="title">English Lit Essay 2012</span>
                        </a>
                    </li>
                    <li>
                        <a href="#popup-1" class="popup">
                            <span class="name">ICEMAN</span>
                            <span class="title">English Lit Essay 2012</span>
                        </a>
                    </li>
                    <li>
                        <a href="#popup-1" class="popup">
                            <span class="name">ICEMAN</span>
                            <span class="title">English Lit Essay 2011</span>
                        </a>
                    </li>
                </ul>
                <p>
                    Still not convinced?<br />
                    <span class="blue">Read our testimonials!</span>
                </p>
            </div>
            <div class="upload-form">                
                <div class="essay"></div>
                <h2>Upload<br />your Essays</h2>
                <form runat="server">
                    <div id="step-1">
                        <div class="row">
                            <label for="name">Name*</label>
                            <div class="input">
                               
                                <ASP:TextBox runat="server" type="text" id="name" value="Please enter a name"
                                    onblur="if (this.value == '') {this.value = 'Please enter a name';}"
                                    onfocus="if (this.value == 'Please enter a name') {this.value = '';}" />


                            </div>
                        </div>
                        <div class="row">
                            <label for="email">Email*</label>
                            <div class="input">
                                <ASP:TextBox runat="server" type="text" id="email" value="Please enter an email"
                                    onblur="if (this.value == '') {this.value = 'Please enter an email';}"
                                    onfocus="if (this.value == 'Please enter an email') {this.value = '';}" />
                            </div>
                        </div>
                        <div class="row">
                            <label for="grade">Grade*</label>
                            <div class="select">
                                <asp:DropDownList runat="server" id="grade">
                                    <asp:ListItem>Year 12</asp:ListItem>
                                    <asp:ListItem>Year 11</asp:ListItem>
                                    <asp:ListItem>Year 10</asp:ListItem>
                                </asp:DropDownList>
                            </div>
                        </div>
                        <div class="row">
                            <label for="subject">Subject*</label>
                            <div class="select">
                                <asp:DropDownList runat="server" id="subject">
                                    <asp:ListItem>English</asp:ListItem>
                                    <asp:ListItem>ESL English</asp:ListItem>
                                    <asp:ListItem>Standard English</asp:ListItem>
                                    <asp:ListItem>Advanced English</asp:ListItem>
                                    <asp:ListItem>Extension English</asp:ListItem>
                                </asp:DropDownList>
                            </div>
                        </div>
                        <div class="row file">
                            <label for="essays">File(s)*</label>
                            <div class="input">
                                <asp:FileUpload ID="FileUpload1" width="210px" runat="server"  ForeColor="#3399FF" />
                                <input type="button" id="CancelAttach1" value="Cancel" /> 
                                <asp:FileUpload ID="FileUpload2" width="210px" runat="server"  ForeColor="#3399FF" />
                                <input type="button" id="CancelAttach2" value="Cancel" onclick="HideAttach2()"/>    
                                <input type="button" id="AttachNew" value="Attach another essay" onclick="ShowAttach2()"/>    
                                                         
                            </div>
                        </div>
                        <ASP:TextBox ID="Label" Text="false" runat="server" />
                        
                        <a href="#" class="submit" title="Go to Step 2">Go to Step 2<span></span></a>
                    </div>
                    <div id="step-2">
                        <div class="row radios">
                            <input type="radio" name="payment_type" id="payment_type_cc" value="0" /> <label for="payment_type_cc">Credit Card</label>
                            <input type="radio" name="payment_type" id="payment_type_paypal" value="1" /> <label for="payment_type_paypal">Paypal</label>
                            
                        </div>

                        <div id="option_none">

                        <ul>
                            <li class="li1" id="list1">
                                <table>
                                <tr class="row">
                                    <td><ASP:TextBox runat="server" type="text" id="fileup1" readonly="true" Font-Size="Medium" />
                                    </td>
                                    <td><ASP:TextBox runat="server" type="text" id="fileup1Price" readonly="true" Font-Size="Medium" />
                                    </td>
                                </tr>
                                </table>
                                    
                            </li>
                            <li class="li2" id="list2">
                                <table>
                                <tr class="row">
                                    <td><ASP:TextBox runat="server" type="text" id="fileup2" readonly="true" Font-Size="Medium" />
                                    </td>
                                    <td><ASP:TextBox runat="server" type="text" id="fileup2Price" readonly="true" Font-Size="Medium" />
                                    </td>
                                </tr>
                                </table>

                                    
                                    
                            </li>

                            
                        </ul>




                        

                            <img alt="" src="Images/Verisign.jpg" width="100px" style="float:right;"/>

                            <ASP:TextBox runat="server" type="text" id="Price2" readonly="true" Font-Size="Large"/>  
                            <ASP:TextBox runat="server" type="text" id="PriceGST2" readonly="true" Font-Size="Small"/>  
                       
                       <!--
                           <div class="rowleft">
                                <a href="#" class="submit" title="Reset" >Reset<span></span></a>
                           
                            
                           </div>
                           <div class="rowright">
                            
                                 <a href="#" class="submit" title="Next">Next<span></span></a>
                           </div>

                                 <a href="#" class="submitback" title="Next1">Next1<span></span></a>
                                 <a href="#" class="submitback" title="Next2">Next2<span></span></a>
                         -->   




                        
                        </div>



                        <div id="option_cc">
                            <div class="row">
                                <label for="cc_name">Name*</label>
                                <div class="input">

                                    <ASP:TextBox runat="server" type="text" id="cc_name" value="Please enter a name"
                                    onblur="if (this.value == '') {this.value = 'Please enter a name';}"
                                    onfocus="if (this.value == 'Please enter a name') {this.value = '';}" />

                                </div>
                            </div>
                            <div class="row">
                                <label for="cc_number">Number*</label>
                                <div class="input">

                                    <ASP:TextBox runat="server" type="text" id="cc_number" value="Please enter card number"
                                    onblur="if (this.value == '') {this.value = 'Please enter card number';}"
                                    onfocus="if (this.value == 'Please enter card number') {this.value = '';}" />
                                </div>
                            </div>
                            <div class="row">
                                <label for="cc_name">Expiry*</label>
                                <div class="select-group">
                                    <div class="select">
                                        <asp:DropDownList runat="server" id="expiry_month">
                                            <asp:listItem>01</asp:listItem>
                                            <asp:listItem>02</asp:listItem>
                                            <asp:listItem>03</asp:listItem>
                                            <asp:listItem>04</asp:listItem>
                                            <asp:listItem>05</asp:listItem>
                                            <asp:listItem>06</asp:listItem>
                                            <asp:listItem>07</asp:listItem>
                                            <asp:listItem>08</asp:listItem>
                                            <asp:listItem>09</asp:listItem>
                                            <asp:listItem>10</asp:listItem>
                                            <asp:listItem>11</asp:listItem>
                                            <asp:listItem>12</asp:listItem>
                                        </asp:DropDownList>
                                    </div>
                                    <div class="select">
                                        <asp:DropDownList runat="server" id="expiry_year">
                                            <asp:listItem>2012</asp:listItem>
                                            <asp:listItem>2013</asp:listItem>
                                            <asp:listItem>2014</asp:listItem>
                                            <asp:listItem>2015</asp:listItem>
                                            <asp:listItem>2016</asp:listItem>
                                        </asp:DropDownList>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <label for="cc_ccv">CCV*</label>
                                <div class="input sml">
                                    <ASP:TextBox runat="server" type="text" id="cc_ccv" value="Please enter ccv"
                                    onblur="if (this.value == '') {this.value = 'Please enter ccv';}"
                                    onfocus="if (this.value == 'Please enter ccv') {this.value = '';}" />
                                </div>
                            </div>
                            <div class="row">
  
                            <ASP:TextBox runat="server" type="text" id="Price" readonly="true" Font-Size="Medium" />  
                            <ASP:TextBox runat="server" type="text" id="PriceGST" readonly="true" Font-Size="Smaller" />  
                            </div>
                            <!--<input type="submit" class="submit" value="Submit" title="Submit" />
                            <a href="#popup-2" class="popup">
                            <span><asp:Button runat="server" class="submit" Text="Proceed" OnClick="Button1_Click"></asp:Button></span>
                            </a>
                            <a href="#popup-2" class="popup">
                            <a href="#" class="submit" title="Proceed">Proceed</a>


                                                        <div class="row">
                            
                            <a href="#" class="submit" title="Go Back">Go Back<span></span></a>
                            

                            </div>


                            <a href="#popup-2" class="popup">
                            </a>
                            <span><asp:Button ID="Button1" runat="server" class="submitback" Text="Proceed" OnClick="Button1_Click"></asp:Button></span>
                            -->



                            <a href="#" class="submitback" title="Back">Back<span></span></a>

                            <a href="#popup-2" class="submitproceed popup" title="Proceed">Proceed<span></span></a>
                            

                        </div>
                        <div id="option_paypal">
                            <a href="#" title="Checkout with Paypal"><img src="images/btn_xpressCheckout.gif" alt="" /></a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
      
        <div class="testimonials">
            
            <ul>
                <li class="first">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rhoncus justo quis lacus lacinia varius vitae ut enim. Etiam ut orci eu mi vulputate malesuada.</p>
                    <p class="author">M.Smith 24 July 2011</p>
                </li>
                <li>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas rhoncus justo quis lacus lacinia varius vitae ut enim. Etiam ut orci eu mi vulputate malesuada.</p>
                    <p class="author">M.Smith 24 July 2011</p>
                </li>
            </ul>            
        </div>
          <!--
        





            <div id="testimonials">
            <h3>Have a read of what other students have to say!</h3>
            <div id="quotes">
                <div class="textItem">
                <p>"In a competitive market, I did my research and found Street Smart Energy to be the best deal for me. Their staff were a pleasure to deal with, and I didn't have to lift a finger, they did everything including notifying my previous providers both gas & electricity. As promised, I received my information pack a short while after and the best part of all is that I'm now saving at least 14% on every bill, roughly $300 a year. I just wish I changed over sooner!"</p>
                <p><strong>Claire Wyrzynski, NSW</strong></p>
                </div>
                <div class="textItem">
                <p>"This is to let you know how I have appreciated the service from Street Smart Energy.  Initially I was impressed with their community minded approach to save on my current energy costs. The offer was very well explained and by joining I have received a 15% discount.  The professional and patient sales approach by the consultant was really appreciated and I will continue to recommend and promote Street Smart Energy to my friends and business colleagues."</p>
                <p><strong>David McLellan, Victoria</strong></p>
                </div>
		        <div class="textItem">
                <p>"Just a quick reply to say thank you to Omar for keeping in touch re: Street Smart Energy. You have been so helpful, informative and responsive, making the transition a lot easier to accept. Your customer service skills are a fresh change from other companies my husband and I have recently dealt with. This was very much appreciated. Thanks again."</p>
                <p><strong>Diane and Sean Thomas, ASP Sportz PTY LTD, Warriewood, NSW</strong></p>
                </div>
		        <div class="textItem">
                <p>"I am writing to let you know that I am extremely  happy with the professional service and advice I have received from Nicolas, the very helpful sales consultant, from Street Smart Energy. He just took my details over the phone and I didn't have to do anything else in order to receive a very competitive rate in both my electricity and gas for my small business and also for my residential premises.  With the huge increase in both the gas and electricity bills, the discount in my rates is very welcomed indeed.  It is without hesitation that I highly recommend  Street Smart Energy to anyone of my colleagues and friends."</p>
                <p><strong>Chantelle Diamond, NUCO Smash Repairs</strong></p>
                </div>
            </div>
            </div>


            -->





        <div class="footer">
            <ul class="links">
                <li>Copyright &copy; 2012 Beyond Study</li>
                <li><a href="Page.aspx">Privacy</a> |</li>
                <li><a href="Page.aspx">Terms &amp; Conditions</a> | </li>
                <li><a href="Page.aspx">Sitemap</a> |</li>
                <li><a href="Page.aspx">Contact Us</a></li>
            </ul>
        </div>

    </div> 
    
    <!-- popup start
    <img alt="" src="Images/BeyondStudy.jpg" />
                <h1>Download</h1>
		    
                <iframe src="http://docs.google.com/gview?url=http://localhost:50289/Images/Consent.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>
  
          <div id="popup-1" class="popup-content" >

          <embed src="Images/Maths.pdf" width="100%" height="100%"/>
        </div>

        <a href="#" class="submit" title="Download Receipt" onclick="download()">Download Receipt<span></span></a>
     -->
    <div style="display:none">
        <div id="popup-1" class="popup-content" >

          <embed src="Images/Maths.pdf" width="100%" height="100%"/>
        </div>

        <div id="popup-2" class="popup-content2" >
            <br/>
            
            <input type="button" class="submit" onclick="download()" value="View Receipt" style="height:52px;"/>
            <h1>YOUR ESSAYS HAVE BEEN SENT THROUGH TO OUR MARKERS</h1>
            <hr /><br/>
            <p>Thank you for submitting your essays through Beyond Study. You should receive an email in your inbox advising you of the status of your essay.</p>
            <p>You essays will be returned to you within 72 hours from the time you submitted your request.</p>
            <p>Our HSC markers are devoted to providing you with the best feedback on your essays.Through us, you are now one step closer to scoring the Band 6 in your HSC</p>
            <br/><br/>
            <h1>NEED INDIVIDUAL HELP?</h1>
            <hr /><br/>
            <p>Beyond Study is devoted to helping you achieve your marks in every way that we can. We are one of the only companies that run module based English classes for the HSC. Feel free to explore your options at: <a href="http://www.beyondstudy.com.au">www.beyondstudy.com.au</a></p>

         </div>

        <div id="popup-3" class="popup-content3" >
        <h1>How it works</h1>
        <img alt="" src="Images/BeyondStudy.jpg" />
                
        </div>
        
            
    </div>
    <!-- popup end -->

</body>
<script src="js/jspdf.js" type="text/javascript"></script>
</html>

